<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标签内容 + 非按钮标签也可以发生响应事件例如click + target实时标签属性</title>
	</head>
	<script type="text/javascript" src="jquery-3.1.4.js">
		
	</script>
	<body>
		<h1>中国</h1>
		<h2></h2>
		<h1>日本</h1>
		<h3>1</h3>
		<h3>2</h3>
		<h3>3</h3>
		<input type="button" id="country_add" value="点我获取h1中国" />
		<input type="button" id="country_hide" value="点我添加h2齐壮" />
		<script type="text/javascript">
			$("input[type=button]:eq(0)").click(function(){
				var $h1 = $("h1").text();
				alert($h1);
			});
			
			$("input[type=button]:eq(1)").click(function(){
				$("h2").text("齐壮");
			});
			
			$("h1").click(function(){
				alert("haha");
			});
			
			// 没有event也行,event是对当前事件的抓取,target是对实时事件的目标锁定
			$("h3").click(function(event){
				var $target = $(event.target);
				alert($target.text());
			});
		</script>
	</body>
</html>
